<template>
  <ItemWrap title="当前收货作业">
    <!-- <div ref="target" class="w-full h-full"></div> -->
    <dv-scroll-board
      ref="target"
      :config="config"
      class="h-full w-full overflow-hidden scroll-board-container"
    />
  </ItemWrap>
</template>
<script setup>
import { ref, onMounted } from "vue";
import * as echarts from "echarts";
import ItemWrap from "./item-wrap/item-wrap.vue";

const config = ref({
  header: [
    "ASN单号",
    "供应商",
    "国内/国际",
    "数量",
    "已收数量",
    "未收数量",
    "收货人",
  ],
  data: [
    [
      "ASN310006",
      "广州珺凯日用品有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "广州宽路创意品有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "义乌市呢萌文具用品有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "深圳市艺启玩文化产业有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "浙江省宁波市初棉日用品有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "北京漫库品牌管理有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "揭阳市唐厨五金塑胶制品有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "江苏嗨佩兔科技有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
    [
      "ASN310006",
      "广州宝威日用品有限公司",
      "国内",
      "300",
      "200",
      "100",
      "金立勇",
    ],
  ],
  rowNum: 5,
  headerHeight: 35,
  headerBGC: "#00baff", //表头  #00baff
  oddRowBGC: "#0f1325", //奇数行
  evenRowBGC: "#171c33", //偶数行
  align: ["left", "left", "left", "left", "left", "left", "left"],
  columnWidth: ["100", "220", "85", "60", "80", "80", "auto"],
  hoverPause: true,
});
</script>
<style lang="scss" scoped>
::v-deep .dv-scroll-board .header {
  display: flex !important;
  flex-direction: row !important;
  font-size: 14px !important;
}

::v-deep .dv-scroll-board .rows .row-item {
  display: flex;
  font-size: 13px !important;
  transition: all 0.3s;
}
</style>
